<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/easy_to_recycle_index/index.css"/>
	</head>
	<body>
		<nav class="nav mystyleNav" >
			<div class="nav_right fl">
				<div class="head_nav">
					<img class="fl" style="width: 68px" src="img/head.png" />	
					<div class="fr right_font">北京spongeli创业有限公司</div>
				</div>
			</div>
			<div class="nav_left fr">
				<div id="" class="row">
					<ol>
						<li class="fl nav_font"><span class="li_span">网站首页</span></li>
						<li class="fl nav_font"><span class="li_span">公司简介</span></li>
						<li class="fl nav_font"><span class="li_span">产品展示</span></li>
						<li class="fl nav_font"><span class="li_span">产品价格</span></li>
						<li class="fl nav_font"><span class="li_span">员工力量</span></li>
						<li class="fl nav_font"><span class="li_span">联系我们</span></li>
					</ol>
				</div>
			</div>
		</nav>
		<script src="js/juqery3.2.1 .js" type="text/javascript" charset="utf-8"></script>
	 	<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	 	<script type="text/javascript">
	 		$(function(){
	 			$(".li_span").mouseenter(function(){
	 				$(".li_span").removeClass("nav_active");
	 				$(this).addClass("nav_active");
	 			});
	 			$(".li_span").mouseleave(function(){
	 				$(this).removeClass("nav_active");
	 			});
	 		});
	 	</script>
	</body>
</html>
